<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>The Gioi Muc - </title>

	<link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
    <link rel="stylesheet" href="css/ddsmoothmenu.css" type="text/css" />

	<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script src="js/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>

    <script type="text/javascript" language="javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript" language="javascript" src="js/ddsmoothmenu.js"></script>
 	<script src="js/jquery-func.js" type="text/javascript"></script>

</head>
<body>

<div id="wraper">
    <div id="page" class="shell">

        <!-- Logo + Search + Navigation -->
        <div id="top">
            <div class="cl">&nbsp;</div>
            <!--LOGO-->
            <h1 id="logo"><a href="#">&nbsp;</a></h1>
            <!--SEARCH FORM-->
            <form action="" method="post" id="search">
                <div class="field-holder">
                    <input type="text" class="field" value="Search" title="Search" />
                </div>
                <input type="submit" class="button" value="Search" />
                <div class="cl">&nbsp;</div>
            </form>
            <div class="cl">&nbsp;</div>
            <!--MENU MAIN-->
            <div id="mainmenu">
                <ul>
                    <li><a href="#">Trang Chủ</a></li>
                    <li><a href="#" >Sản phẩm</a>
                        <ul>
                            <li><a href="#">Mực in Canon</a></li>
                            <li><a href="#">Mực in HP</a></li>
                            <li><a href="#">Mực in Epson</a></li>
                            <li><a href="#">Mực in Brother</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Dịch Vụ</a>
                        <ul>
                            <li><a href="#">Nạp mực máy in</a></li>
                            <li><a href="#">Sửa chữa máy in</a></li>
                            <li><a href="#">Bảo trì máy in</a></li>
                            <li><a href="#">Giải pháp doanh nghiệp</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Tin tức</a>
                        <ul>
                            <li><a href="#">Khuyến Mãi</a></li>
                            <li><a href="#">Kinh Nghiệm</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Giới Thiệu</a></li>
                    <li><a href="#">Liên Hệ</a></li>
                </ul>
            </div>
            <div class="cl">&nbsp;</div>

        </div>
        <!-- END Logo + Search + Navigation -->

        <div id="main">
            <!--COL LEFT-->
            <div id="left">
                <div id="lk_breadcrumb">
                    <a href="#">Trang chủ</a> &raquo; <a href="#">Sản Phẩm</a> &raquo; <a href="#">Mực in Canon</a>
                </div>

                <div id="lk_searching">

                    <div class="col1">
                        <h3>&nbsp;</h3><br/>
                        <form action="post" id='frmsearch'>
                            <label>Dòng máy</label><br/>
                            <select name="sltproduct_type" id="sltproduct_type">
                                <option value="">Loại 1</option>
                                <option value="">Loại 2</option>
                                <option value="">Loại 3</option>
                                <option value="">Loại 4</option>
                            </select>
                            <br/>

                            <label>Chọn máy</label><br/>
                            <select name="sltproduct" id="sltproduct">
                                <option value="">SP 1</option>
                                <option value="">SP 2</option>
                                <option value="">SP 3</option>
                                <option value="">SP 4</option>
                            </select>
                            <br/>
                        </form>
                    </div>

                    <div class="col2">
                        <img src="css/images/logo_canon.png" alt="logo canon" />
                        <br/><br/>Hoặc viết tên sản phẩm bạn muốn tìm
                        <form action="post" name="frmbyproduct" id="frmbyproduct">
                            <input type="text" name="product" size="25"><br/>
                            <input type="button" value="" class="btntim" id="btntim" style="height:30px;">

                        </form>
                    </div>

                    <div class="cl">&nbsp;</div>
                </div>

                <div id="lk_content">
                    <h2>Mực in canon</h2>
                    <div class="rule">&nbsp;</div>

                    <div class="prolist">
                        <h3><span class="title">Dòng Sản Phẩm 1</span></h3>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 3300</a></li>
                            <li><a href="#">Mực cho LBP 3301</a></li>
                            <li><a href="#">Mực cho LBP 3302</a></li>
                            <li><a href="#">Mực cho LBP 3303</a></li>
                            <li><a href="#">Mực cho LBP 3304</a></li>
                            <li><a href="#">Mực cho LBP 3305</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 4400</a></li>
                            <li><a href="#">Mực cho LBP 4401</a></li>
                            <li><a href="#">Mực cho LBP 4402</a></li>
                            <li><a href="#">Mực cho LBP 4403</a></li>
                            <li><a href="#">Mực cho LBP 4404</a></li>
                            <li><a href="#">Mực cho LBP 4405</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 6600</a></li>
                            <li><a href="#">Mực cho LBP 6601</a></li>
                            <li><a href="#">Mực cho LBP 6602</a></li>
                            <li><a href="#">Mực cho LBP 6603</a></li>
                            <li><a href="#">Mực cho LBP 6604</a></li>
                            <li><a href="#">Mực cho LBP 6605</a></li>
                        </ul>
                        <div class="cl">&nbsp;</div>
                    </div>



                    <div class="prolist old">
                        <h3><span class="title">Dòng Sản Phẩm 2</span></h3>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 3300</a></li>
                            <li><a href="#">Mực cho LBP 3301</a></li>
                            <li><a href="#">Mực cho LBP 3302</a></li>
                            <li><a href="#">Mực cho LBP 3303</a></li>
                            <li><a href="#">Mực cho LBP 3304</a></li>
                            <li><a href="#">Mực cho LBP 3305</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 4400</a></li>
                            <li><a href="#">Mực cho LBP 4401</a></li>
                            <li><a href="#">Mực cho LBP 4402</a></li>
                            <li><a href="#">Mực cho LBP 4403</a></li>
                            <li><a href="#">Mực cho LBP 4404</a></li>
                            <li><a href="#">Mực cho LBP 4405</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 6600</a></li>
                            <li><a href="#">Mực cho LBP 6601</a></li>
                            <li><a href="#">Mực cho LBP 6602</a></li>
                            <li><a href="#">Mực cho LBP 6603</a></li>
                            <li><a href="#">Mực cho LBP 6604</a></li>
                            <li><a href="#">Mực cho LBP 6605</a></li>
                        </ul>
                        <div class="cl">&nbsp;</div>
                    </div>

                    <div class="prolist">
                        <h3><span class="title">Dòng Sản Phẩm 3</span></h3>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 3300</a></li>
                            <li><a href="#">Mực cho LBP 3301</a></li>
                            <li><a href="#">Mực cho LBP 3302</a></li>
                            <li><a href="#">Mực cho LBP 3303</a></li>
                            <li><a href="#">Mực cho LBP 3304</a></li>
                            <li><a href="#">Mực cho LBP 3305</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 4400</a></li>
                            <li><a href="#">Mực cho LBP 4401</a></li>
                            <li><a href="#">Mực cho LBP 4402</a></li>
                            <li><a href="#">Mực cho LBP 4403</a></li>
                            <li><a href="#">Mực cho LBP 4404</a></li>
                            <li><a href="#">Mực cho LBP 4405</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 6600</a></li>
                            <li><a href="#">Mực cho LBP 6601</a></li>
                            <li><a href="#">Mực cho LBP 6602</a></li>
                            <li><a href="#">Mực cho LBP 6603</a></li>
                            <li><a href="#">Mực cho LBP 6604</a></li>
                            <li><a href="#">Mực cho LBP 6605</a></li>
                        </ul>
                        <div class="cl">&nbsp;</div>
                    </div>

                    <div class="prolist">
                        <h3> <span class="title"> Sản Phẩm 4 </span></h3>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 3300</a></li>
                            <li><a href="#">Mực cho LBP 3301</a></li>
                            <li><a href="#">Mực cho LBP 3302</a></li>
                            <li><a href="#">Mực cho LBP 3303</a></li>
                            <li><a href="#">Mực cho LBP 3304</a></li>
                            <li><a href="#">Mực cho LBP 3305</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 4400</a></li>
                            <li><a href="#">Mực cho LBP 4401</a></li>
                            <li><a href="#">Mực cho LBP 4402</a></li>
                            <li><a href="#">Mực cho LBP 4403</a></li>
                            <li><a href="#">Mực cho LBP 4404</a></li>
                            <li><a href="#">Mực cho LBP 4405</a></li>
                        </ul>
                        <ul class="col">
                            <li><a href="#">Mực cho LBP 6600</a></li>
                            <li><a href="#">Mực cho LBP 6601</a></li>
                            <li><a href="#">Mực cho LBP 6602</a></li>
                            <li><a href="#">Mực cho LBP 6603</a></li>
                            <li><a href="#">Mực cho LBP 6604</a></li>
                            <li><a href="#">Mực cho LBP 6605</a></li>
                        </ul>
                        <div class="cl">&nbsp;</div>
                    </div>

                </div>
            </div>
            <!--END COL LEFT-->

            <!--COL RIGHT-->
            <div id="right">
                <div id="lk_support">
                    <table>
                        <tr>
                            <td valign="middle"><img src="css/images/icon_hotline.png" alt="" /></td>
                            <td valign="middle">0122689754</td>
                        </tr>
                        <tr>
                            <td valign="middle"><img src="css/images/icon_hotline.png" alt="" /></td>
                            <td valign="middle">0122689754</td>
                        </tr>
                        <tr>
                            <td valign="middle"><img src="css/images/icon_hotline.png" alt="" /></td>
                            <td valign="middle">0122689754</td>
                        </tr>
                        <tr>
                            <td valign="middle"><img src="css/images/icon_yahoo.png" alt="" /></td>
                            <td valign="middle">info_thegioimuc</td>
                        </tr>
                        <tr>
                            <td valign="middle"><img src="css/images/icon_yahoo.png" alt="" /></td>
                            <td valign="middle">support_thegioimuc</td>
                        </tr>
                        <tr>
                            <td valign="middle"><img src="css/images/icon-skype.png" alt="" /></td>
                            <td valign="middle">support_thegioimuc</td>
                        </tr>
                    </table>
                </div>

                <div id="news">
                    <ul>
                        <li><a href="#">Thế Giới Mực : rộn ràng ngày khai trương</a></li>
                        <li><a href="#">Thế Giới Mực : Chất lượng là uy tín</a></li>
                        <li><a href="#">Cách sử dụng mực máy in hiệu quả</a></li>
                        <li><a href="#">Hướng dẫn thay mực mới</a></li>
                        <li><a href="#">Chẩn đoán bệnh thường gặp ở máy in</a></li>
                        <li><a href="#">Làm gì khi bị kẹt giấy</a></li>
                        <li class="last">
                            <a href="#">Xem tiếp...</a>
                        </li>
                    </ul>
                </div>

                <div id="lk_promote">
                    <ul>
                        <li>
                            <img src="css/images/noimage.jpg" width="80" height="80" align="left" />
                           <span class="oldprice" >350.000 VNĐ</span> <br/>
                           <span class="newprice" >300.000 VNĐ</span> <br/>
                            <div class="cl"></div>
                            <span class="title">Canon CP-660 toner</span>
                        </li>
                        <li>
                            <img src="css/images/noimage.jpg" width="80" height="80" align="left" />
                            <span class="oldprice" >350.000 VNĐ</span> <br/>
                            <span class="newprice" >300.000 VNĐ</span> <br/>
                            <div class="cl"></div>
                            <span class="title">Canon CP-660 toner</span>
                        </li>
                        <li class="last">
                            <a href="#">Xem tiếp...</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--END COL RIGHT-->
            <div class="cl">&nbsp;</div>
        </div>
        <!-- END Main -->

        <!-- Footer -->
        <div class="cl">&nbsp;</div>
        <div class="shadow_footer"></div>
        <div id="footer">
            <div class="col-footer">
                <h3>Thế Giới Mực</h3>
                <ul>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Giới Thiệu</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Hỏi đáp</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Liên Hệ</a></li>
                    <li><a href="#" title="">&nbsp;</a></li>
                </ul>
            </div>
            <div class="col-footer">
                <h3>Sản Phẩm</h3>
                <ul>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in Canon</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in HP</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in Brother</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in Epson</a></li>
                </ul>
            </div>
            <div class="col-footer">
                <h3>Sản Phẩm</h3>
                <ul>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in Kodak</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in Jettec</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in Dell</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Mực máy in Lexmark</a></li>
                </ul>
            </div>
            <div class="col-footer">
                <h3>Dịch Vụ</h3>
                <ul>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Nạp mực máy in</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Đổ mực máy in</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Sửa chữa máy in</a></li>
                    <li><a href="#" title=""><span class="raquo">&raquo; </span>Bảo trì máy in</a></li>
                </ul>
            </div>
            <div id="footer-info">
                <a href="#" title="">Trang Chủ</a> | <a href="#" title="">Sản Phẩm</a> | <a href="#" title="">Dịch Vụ</a> |
                <a href="#" title="" id="hehe">Tin Tức</a> | <a href="#" title="">Giới Thiệu</a> | <a href="#" title="">Liên Hệ</a><br/>
                Copyright &copy; <a href="#" title="">TheGioiMuc.Vn</a><br/>
                123 Trường Sơn,P.2, Q.Tân Bình, TP.HCM<br/>
            </div>

        </div>
        <!-- END Footer -->

    </div>
</div>
<!--END WRAPER-->



    <!--SCRIPT FOR BODY-->
    <script type="text/javascript">
        $(document).ready(function(){
            ddsmoothmenu.init({
                mainmenuid: "mainmenu", //menu DIV id
                orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
                classname: 'ddsmoothmenu', //class added to menu's outer DIV
                //customtheme: ["#1c5a80", "#18374a"],
                contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
            });

        });

        $(window).load(function(){
            $h_left=$("#left").height();
            $h_right=$("#right").height();
            $h_main=$h_left>$h_right?$h_left:$h_right;
            $("#left,#right").css("height",$h_main+"px");
        })


    </script>
</body>
</html>